@charset "utf-8";
/*announcement*/
@import  "helpers/_mixins.scss";                  //常用变量定义
@import  "components/_pagination.scss";           //分页引用

.content{
	display: flex;
    min-height: 65vh;
    flex-direction:column;
	.list_bd{
		.layout{
			background-color:$whiteColor;
			width:1000px;
			padding:0 0 40px 0;
			.list_bd_l{
				width:160px;
				ul{
					li{
						a{	
							display:block;
							height:44px;
							line-height:44px;
							text-align:center;
							color:#5e5e5e;
							i{
								margin:-3px 8px 0 -15px;
							}
							&:hover{
								background-color:#e5e5e5;
							}
							
						}
						&:nth-of-type(1){							
							i{
								width:15px;
								height:15px;
								background-position:-126px -230px;
							}
							.active{
								i{
									
									background-position:-126px -247px;
								}
							}
						}
						&:nth-of-type(2){							
							i{
								width:15px;
								height:15px;
								background-position:-141px -230px;
							}
							.active{
								i{
									
									background-position:-141px -247px;
								}
							}
						}
						&:nth-of-type(3){
							i{
								width:14px;
								height:14px;
								margin-top:0;
								background-position:-156px -230px;
							}
							.active{
								i{
									
									background-position:-156px -247px;
								}
							}			
						}
						&:nth-of-type(4){
							i{
								width:20px;
								height:16px;
								background-position:-170px -230px;
							}
							.active{
								i{
									
									background-position:-170px -247px;
								}
							}			
						}
						&:nth-of-type(5){
							i{
								width:15px;
								height:15px;
								background-position:-190px -230px;
							}
							.active{
								i{
									
									background-position:-190px -247px;
								}
							}			
						}
						&:nth-of-type(6){
							i{
								width:13px;
								height:16px;
								background-position:-205px -230px;
							}
							.active{
								i{
									
									background-position:-205px -247px;
								}
							}			
						}
						&:nth-of-type(7){
							i{
								width:16px;
								height:16px;
								background-position:-217px -230px;
							}
							.active{
								i{
									
									background-position:-217px -247px;
								}
							}			
						}
						.active{
							background-color:$seColor;
							color:$whiteColor;
						}
					}
				}
			}
			.list_bd_r{
				margin-bottom:30px;
				width:840px;
				ul{
					
					border-left:1px solid #e5e5e5;
					padding:0 15px;
					li{
						height:50px;
						line-height:50px;
						border-bottom:1px solid #e5e5e5;
						a{
							float:left;
							color:#5e5e5e;
							i{
								width:10px;
								height:10px;
								background-position:-106px -295px;
								margin:0 23px;
							}
							.stick{
								width:44px;
								height:14px;
								margin:0 15px 0 0;
								background-position:-104px -281px;
							}
						}
						span{
							float:right;
							color:#5e5e5e;
						}
					}

				}
				.txt1{
					text-align:center;
					font-size:16px;
					margin:30px 0 20px;
				}
				.txt2{
					text-align:center;
					font-size:12px;
					color:#5e5e5e;
				}
				.txt3{
					text-align:right;
					font-size:12px;
					color:#5e5e5e;
					margin:0 10px 16px 0;
				}
			}
		}
		
	}
}

